<template>
  <el-card :body-style="{height:'100%'}" shadow="hover" style="height: 100%;">
    <div class="graphChart" ref="graphChartRef"/>
  </el-card>

</template>

<script lang="ts" name="histogram" setup>
import { getOption } from './options'
import { useEcharts } from '@/hooks/useEcharts'

const graphChartRef = ref<HTMLHtmlElement | null>(null)
onMounted(() => {
  const {setOption} = useEcharts(graphChartRef)
  setOption(getOption())
})
</script>

<style scoped>
.graphChart{
  height: 100%;
  width: 100%;
}
</style>
